<head>
<meta http-equiv="Content-Type" content="text/html;  charset= utf-8" />
</head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/menu.css" />
<link rel="stylesheet" type="text/css" href="./css/ffff.css" />

<body>
<!---  cabecerar -->
	<div class="top-container">
		<div class="logo">LOGO</div>
		<div class="user-status">
			<img src="./img/user.jpg">
			<div class="user-name">Gabriela Cayú</div>
			<div class="boton-opciones"><a href=""><i class="icon-options"></i></a></div>
		</div>
	</div>
<!--- /cabecera -->

<div class="container">
<!---  contenedor izquierdo -->
<div class="left">
	<div id="icono-wrapper">
	<div id="icono">&nbsp;</div>
	</div>
	<div id="search"><label>Buscar 
		<input class="search input" type="text" placeholder="...">
	</div>
		<div id="menu">
			<ul class="page-sidebar-menu">
			<li title="Code: 0xe800" class="the-icons span3">
			<a href=" Practica2Gaby.html"><i class="icon-house"></i> <span class="title">Home</span>
			</a>
			</li>
			<li> <a href=""><i class="icon-herramientas"></i> <span class="title">Menu 2</span>
			</a>
			</li>
			<li >
			<a href=" "><i class="icon-user"></i> <span class="title">Menu 3</span>
			</a>
			</li>
			<li><a href=""><i class="icon-location"></i><span class="title">Menu 4</span>
			</a>
			</li>
			<li class="active">
			<a href="Calendar2013Gaby.html"><i class="icon-calendar"></i><span class="title">Calendario</span>
			</a>
			</li>
			</ul>
		</div>
</div>
<!---  / contenedor izquierdo-->
<!---   contenedor derecho -->
<div class="right">
<div class="breadcrubs"><i class="icon-house"></i>Home > home</div>
<div class="mapa">
<div class="titulo"><i class="icon-geolocation"></i>Geolocalización</div><br>
<iframe width="500" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.ar/maps?q=-40.811146,-62.996306&amp;num=1&amp;t=h&amp;ie=UTF8&amp;z=14&amp;ll=-40.811601,-62.996635&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com.ar/maps?q=-40.811146,-62.996306&amp;num=1&amp;t=h&amp;ie=UTF8&amp;z=14&amp;ll=-40.811601,-62.996635&amp;source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>
</div>
</div>
<div class="redsocial">
<div class="titulo"><i class="icon-twitter"></i>Tweeter</div>

<div id="mensajes">
			<div style="display:inline">
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-der" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-der"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-der" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-der"><a class="link" href="#" >Dr. House</a> el Jul img25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
		</div>
<!---  /contenedor derecho-->
<!--- main container -->
</body>




